<script setup  lang="ts">
import {ref, reactive } from "vue"
const fits = [
  'fill',
  'contain',
  'cover',
  'none',
  'scale-down',
] as ImageProps['fit'][]
const url =
  'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'
</script>

<template>
  <div>
     <el-image style="width: 100px; height: 100px" :fit="fit" :src= url>
        <template #error>
          <div class="image-slot">
            <p>logo</p>
          </div>
        </template>
      </el-image>
  </div>
</template>

<style lang="scss" scoped></style>

